$eps-list-item-separated-border-color: tints(200);
$eps-list-item-separated-dark-border-color: dark-tints(700);

$root: eps-list;

.#{$root} {
	--eps-list-item-separated-border-color: #{$eps-list-item-separated-border-color};

	padding: 0;
	margin: 0;
	border-radius: $eps-radius;
	border: $eps-border;
	list-style-type: none;

	&--padding {
		padding: var(--eps-list-padding);
	}

	&__item {
		padding: 0;

		&--padding {
			padding: var(--eps-list-item-padding);
		}
	}

	&--separated {
		.#{$root}__item:not(:last-child) {
			border-block-end: 1px solid var(--eps-list-item-separated-border-color);
		}
	}
}

.eps-theme-dark {
	.#{$root} {
		--eps-list-item-separated-border-color: #{$eps-list-item-separated-dark-border-color};
	}
}
